<wicket:panel>
	<div class="code-comment">
		<div wicket:id="comment" class="comment d-flex pl-2 py-3 flex-nowrap"></div>
		<div wicket:id="activities" class="activity d-flex pl-2 py-3 flex-nowrap"/>
		<div wicket:id="actions" class="actions d-flex pl-2 py-3 flex-nowrap"></div>
	</div>
	<wicket:fragment wicket:id="commentOrReplyViewFrag">
		<div class="user-avatar flex-shrink-0"><a wicket:id="userAvatar"></a></div>
		<div class="detail ml-3 flex-grow-1">
			<div class="head text-muted mb-1">
				<span wicket:id="userName" class="user-name"></span>
				<span wicket:id="action" class="action"></span>
				<span wicket:id="date" class="date"></span>
				<a wicket:id="context" class="link-gray"><wicket:svg href="warning" class="icon icon-sm"/></a>					
				<a wicket:id="anchor" t:data-tippy-content="Permanent link" class="reply-anchor ml-2"><wicket:svg href="link" class="icon rotate-45"/></a>
			</div>
			<div class="body">
				<div wicket:id="content"></div>
			</div>
			<div class="foot d-empty-none d-flex align-items-center font-size-sm mt-3"><wicket:enclosure child="edit"><a wicket:id="edit" class="mr-2 text-muted text-hover-primary">Edit</a><span class="dot d-last-child-none mr-2"></span></wicket:enclosure><wicket:enclosure child="quote"><a wicket:id="quote" class="text-muted text-hover-primary mr-2">Quote</a><span class="d-last-child-none dot mr-2"></span></wicket:enclosure><wicket:enclosure child="delete"><a wicket:id="delete" class="text-muted text-hover-primary mr-2">Delete</a><span class="d-last-child-none dot mr-2"></span></wicket:enclosure></div>
		</div>
	</wicket:fragment>
	<wicket:fragment wicket:id="commentOrReplyEditFrag">
		<form wicket:id="form" class="leave-confirm flex-grow-1">
			<div wicket:id="feedback" class="feedback"></div>
			<div wicket:id="content" class="mb-3"></div>
			<button wicket:id="save" class="btn btn-sm btn-primary mr-1"><span wicket:id="label"/></button>
			<button wicket:id="cancel" class="btn btn-sm btn-secondary">Cancel</button>
		</form>
	</wicket:fragment>
	<wicket:fragment wicket:id="actionsFrag">
		<a wicket:id="reply" class="btn btn-sm btn-outline-secondary mr-2"><wicket:t>Reply</wicket:t></a>
		<a wicket:id="resolve" class="btn btn-sm btn-outline-secondary mr-2"><wicket:t>Set Resolved</wicket:t></a>
		<a wicket:id="unresolve" class="btn btn-sm btn-outline-secondary"><wicket:t>Set Unresolved</wicket:t></a>
		<a wicket:id="delete" class="btn btn-sm btn-outline-danger ml-auto"><wicket:t>Delete</wicket:t></a>
	</wicket:fragment>
	<wicket:fragment wicket:id="statusChangeFrag">
		<div class="user-avatar flex-shrink-0"><a wicket:id="userAvatar"></a></div>
		<div class="detail text-muted flex-grow-1 ml-3">
			<span wicket:id="userName" class="user-name"></span>
			<span wicket:id="action" class="action"></span>
			<span wicket:id="date" class="date"></span>
			<a wicket:id="context" class="link-gray"><wicket:svg href="warning" class="icon icon-sm"/></a>					
		</div>
	</wicket:fragment>
</wicket:panel>